.densityPlot {
	margin: 20px;
	width: 230px;
	display: flex;
	flex-wrap: wrap;
	float: left;
}

.densityPlot--row {
	height: 71px;
	display: inline-block;
}

.densityPlot--row--xAxis {
	height: 1px;
	background-color: black;
	/* position relative puts the axis above the data, so long
	 * as the data is not positioned. */
	position: relative;
	top: 50%;
	float: left;
}

.densityPlot--vscal--label {
	display: inline-block;
	margin-left: -225px;
	font-size: 10px;
	float: left;
	position: relative;
}

.densityPlot--vscal--tick {
	display: inline-block;
	background-color: black;
	margin-left: -203px;
	height: 1px;
	width: 5px;
	float: left;
	position: relative;
}

.densityPlot--scale--Axis {
	width: 1px;
	background-color: black;
	/* position relative puts the axis above the data, so long
	 * as the data is not positioned. */
	position: relative;
	margin: -1px;
	top: 3px;
	float: left;
}

.densityPlot--row--studyA {
	display: flex;
	align-items: flex-end;
	position: relative;
}

.densityPlot--row--studyB {
	display: flex;
	align-items: flex-end;
	-webkit-transform: rotateX(180deg) translate(0, -1px);
	-moz-transform: rotateX(180deg) translate(0, -1px);
	transform: rotateX(180deg) translate(0, -1px);
}

.densityPlot--row--bin {
	display: inline-block;
	flex: 1;
	margin: 0px;
	float: left;
}

.densityPlot--row--zoom {
	height: 211px;
	display: inline-block;
}